<template>
  <footer class="footer-area">
    <div class="footer-top pt-80 pb-50 gray-bg-2">
      <div class="container">
        <div class="row">
          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
            <div class="footer-widget mb-30">
              <div class="footer-info-wrapper">
                <div class="footer-logo"><a href="#"><img src="../../static/picture/logo-2.png" alt=""></a>
                </div>
                <p>Lorem ipsum dolor sit amet, co adipisi elit, sed eiusmod tempor incididunt ut labore
                  et dolore</p>
                <div class="social-icon">
                  <ul>
                    <li><a href="#"><i class="icon-social-instagram"></i></a></li>
                    <li><a href="#"><i class="icon-social-skype"></i></a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
            <div class="footer-widget mb-30 pl-50">
              <h4 class="footer-title">USEFUL LINKS</h4>
              <div class="footer-content">
                <ul>
                  <li><router-link to="/common/contact">Help & Contact Us</router-link></li>
                </ul>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-2 col-md-6 col-sm-6">
            <div class="footer-widget mb-30 pl-70">
              <h4 class="footer-title">CHECK</h4>
              <div class="footer-content">
                <ul>
                  <li><router-link to="/order/viewOrders">Order Traking</router-link></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bottom gray-bg-3 pt-17 pb-15">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="copyright text-center">
              <p>Copyright © <a href="/">Marten</a>All Right Reserved.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "foot",
  data(){
    return{

    }
  },
  methods:{

  }
}
</script>

<style scoped>
  @import "../../static/css/bootstrap.min.css";
  @import "../../static/css/animate.css";
  @import "../../static/css/simple-line-icons.css";
  @import "../../static/css/themify-icons.css";
  @import "../../static/css/owl.carousel.min.css";
  @import "../../static/css/slick.css";
  @import "../../static/css/meanmenu.min.css";
  @import "../../static/css/style2.css";
  @import "../../static/css/responsive.css";
</style>
